<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <base href="<%=basePath%>"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 
<link href="css/header.css"  rel="stylesheet" type="text/css" charset="utf-8" />
<link href="css/common.css"  rel="stylesheet" type="text/css" charset="utf-8" />
<link rel="shortcut icon" href="images/ico.ico"/>
<script src="js/jquery-1.7.1.js"></script>
<title>石材列表</title>
</head>

<body>
<script>
	$(document).ready(function(){
		$("#stone_choose").click(function(){
			$(this).attr("style","font-weight: bold;");
			$("#provider_choose").attr("style","font-weight: normal;");
			$("#project_choose").attr("style","font-weight: normal;");
			$("#search_form").attr("action","stone/highSearchStone.action?pageno=1&mainSearch=true");
		});
		$("#provider_choose").click(function(){
			$(this).attr("style","font-weight: bold;");
			$("#stone_choose").attr("style","font-weight: normal;");
			$("#project_choose").attr("style","font-weight: normal;");
			$("#search_form").attr("action","provider/highSearchProvider.action?pageno=1&mainSearch=true");
		});
		$("#project_choose").click(function(){
			$(this).attr("style","font-weight: bold;");
			$("#provider_choose").attr("style","font-weight: normal;");
			$("#stone_choose").attr("style","font-weight: normal;");
			$("#search_form").attr("action","project/searchProject.action?pageno=1&mainSearch=true");
		});
		});
</script>
<div class="grid-m header div">
	<div class="banner">
    	<img class="fl" src="images/logo.gif" />
        <img class="fr" src="images/top_img.gif" />
    </div>
    <div class="clear"></div>
       <div class="nav">
    	<ul>
        	<li>
            	<a class="wh lar who" href="stone/showNewUploadStone.action?pageno=1"><b>石材</b></a>
            </li>
            <li class="bar"></li>
            <li>
            	<b class="wh lar">已合作</b>
            	<span>
               		<a href="provider/highSearchProvider.action?pageno=1&mainSearch=true&query=" class="wh who">石材公司</a>   
                    <a href="loadStoneProcessor.action" class="wh who">石材加工厂</a>   
                    <a href="loadPhysicalDistribution.action" class="wh who">物流公司</a>   
                    <a href="loadHotel.action" class="wh who">酒店</a>
                </span>
            </li>
            <li class="bar"></li>
            <li>
            	<b class="wh lar">已成交</b>
            	<span>
                	<a href="loadClient.action" class="wh who">客户</a>   
                </span>
            </li>
            <li class="bar"></li>
            <li><a class="wh lar who" href="project/searchProject.action?pageno=1&query=&mainSearch=true"><b>精品工程</b></a></li>
            <li><a class="wh lar who" href="rank/listRank.action"><b>排名</b>
				</a></li>
            <li class="bar"></li>
            <li>
            	<a class="wh lar who" href="loadAboutUs.action"><b>关于我们</b></a>
            </li>
            
        </ul>
    </div>
</div>
<div class="clear"></div>

<style>
	.search_list .hd{margin-top:15px;padding-left:10px;padding-bottom:20px;border-bottom:1px solid #CCC}
	.search_list .bd .myhd a{color:blue;font-size:14px;margin-bottom:0px;}
	.search_list .bd .myhd a font{font-size:14px!important}
	.search_list .bd .mybd{color:#666;font-size:12px;margin-bottom:0px;line-height:1.2;height:auto;display:block;}
	.search_list .bd .mybd font{color:#666;}
	.search_list .bd .mybd font.red{color:red;}
	.search_list .bd .myft font.green{color:#008000;}
	.search_list .bd .mybd font.tl{color:#999;}
	.search_list .bd .myft{color:#666;font-size:12px;line-height:1.4}
	.search_list .bd li{margin-top:5px;margin-bottom:5px;border-bottom:1px dashed #EAEAEA;padding-bottom:5px;}
	.search_list .bd li ul{display:table;height:auto;}
	.search_list .bd li ul li{margin:0;margin-right:15px;word-break:keep-all;
white-space:nowrap;border:0;}
	form,#fm{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}input{border:0;padding:0}#nv{height:19px;font-size:16px;margin:0 0 4px;text-align:left;text-indent:10px}.s_ipt_wr{width:418px;height:30px;display:inline-block;margin-right:5px;background:url(images/input_bg.png) no-repeat -304px 0;border:1px solid #b6b6b6;border-color:#9a9a9a #cdcdcd #cdcdcd #9a9a9a;vertical-align:top}.s_ipt{width:405px;height:22px;font:16px/22px arial;margin:5px 0 0 7px;background:#fff;outline:none}.s_btn{width:95px;height:32px;padding-top:2px\9;font-size:14px;background:#ddd url(images/input_bg.png);cursor:pointer}.s_btn_h{background-position:-100px 0}.s_btn_wr{width:97px;height:34px;display:inline-block;background:url(images/input_bg.png) no-repeat -202px 0;*position:relative;z-index:0;vertical-align:top}#lg img{vertical-align:top;margin-bottom:3px}#lk,#snv{margin:33px 0}#lk span{font:14px;font-weight:bold;}
	#nv a{ text-decoration:none;font-size:14px;}
	#snv .bl{font-size:14px;font-weight:normal;}
	#snv .tl{font-size:14px;font-weight:bold;color:blue;padding-right:10px;}
	#lm{height:60px}#lh{margin:16px 0 5px;word-spacing:3px}#cp,#cp a{color:#77c}
	.page{ text-align:center;color:#333;font-size:12px;}
	.fee {width: 650px;height:28px;float:right;padding:1px;overflow:hidden;border-bottom:1px solid #bde2ff;line-height:28px;font-family: '宋体';font-size: 14px;font-weight: normal;}
   	.fee span {color: red;font-size:12px;}
</style>
<div class="grid-m div">
	<div class="col-main">
    	<div class="search_list box"  style="border:none;">
        	<div class="hd">
				<p id="nv">
              <a href="javascript:void(0)" id="stone_choose" style="font-weight: bold;">石材</a>　
      		  <a href="javascript:void(0)" id="provider_choose">公司</a>　
      		  <a href="javascript:void(0)" id="project_choose">精品工程</a>　　
             </p>
             <div id="fm">
							<form name="f" action="stone/highSearchStone.action?pageno=1&mainSearch=true"
								method="post" id="search_form">
								<span class="s_ipt_wr"><input type="text" name="query" value="${query}"
										id="kw" maxlength="100" class="s_ipt">
								</span>
								<input type="hidden" name="rsv_bp" value="0">
									<input type="hidden" name="rsv_spt" value="3">
										<span class="s_btn_wr"><input type="submit"
												value="石材搜索" id="su" class="s_btn">
										</span>
							</form>
						</div>
            </div> 
            <div class="fee">共搜到 <span>${page.totalRows}</span> 条结果. 共花费：<span>${timeStr}</span>秒.</div><br/><br/>
            <div class="bd">
            	<ul>
            		<c:forEach items="${page.list}" var="stone">
                	<li>
                    	<div class="myhd">
                        <a href="stone/toStoneCompany.action?stoneId=${stone.id}">	${stone.chineseName} </a>
                        </div>
                        <div class="mybd">
                        	<ul>
                            	<li><font class="tl">中文名称：</font>${stone.chineseName}</li>
                                <li><font class="tl">英文名称：</font>${stone.englishName}</li>
                                <li><font class="tl">种类：</font>${stone.material}</li>
                                <li><font class="tl">颜色：</font>${stone.color}</li>
                                <li><font class="tl">纹理：</font>${stone.venation}</li>
                                <li><font class="tl">档次：</font>${stone.level}</li>
                                <li><font class="tl">适用于：</font>${stone.purpose}</li>
                                <li><font class="tl">成功案例：</font>${stone.successfulCase}</li>
                            </ul>
                        </div>
                        <div class="clear"></div>
                        <div class="myft">${stone.shortDesc}...<a href="stone/toStoneCompany.action?stoneId=${stone.id}"><font class="green">查看详细>></font></a></div>
                    </li>
                    <div class="clear"></div>
                    </c:forEach>
                </ul>   
                  <div class="clear"></div>
                <div class="page"><span class="gray">共${totalpageno}页 当前第${currentpageno}页</span> 
	                <span class="bla">
	                	<a href="stone/highSearchStone.action?query=${query}&pageno=1&totalpageno=${totalpageno}&mainSearch=false">首页</a>
	                </span> 
	                <span class="bla">
	                	<c:if test="${page.currentPage != 1}">
	                		<a href="stone/highSearchStone.action?query=${query}&pageno=${currentpageno-1}&totalpageno=${totalpageno}&mainSearch=false">上一页</a>
	                	</c:if>
	                </span> 
	                <c:forEach items="${page.pageNumbers}" var="index">
		               	<span class="bla">
		                	<a href="stone/highSearchStone.action?query=${query}&pageno=${index}&totalpageno=${totalpageno}&mainSearch=false">
								<c:if test="${index == page.currentPage}"><b style="color:#666666;cursor:default"> </c:if>	
								${index }
								<c:if test="${index == page.currentPage}"> </b> </c:if>
							</a>
		                </span> 
	                </c:forEach>
	              	<span class="bla">
	               		<c:if test="${page.currentPage != page.totalPages}">
	               			<a href="stone/highSearchStone.action?query=${query}&pageno=${currentpageno+1}&totalpageno=${totalpageno}&mainSearch=false">下一页</a>
	               		</c:if>
	              	</span>
	              	<span class="bla">
	                	<a href="stone/highSearchStone.action?query=${query}&pageno=${totalpageno }&totalpageno=${totalpageno}&mainSearch=false">尾页</a>
	                </span> 
                </div>
            </div>
            <div class="clear"></div>
        </div>
        <div class="clear"></div>
    </div>
    <jsp:include page="stone/righter.jsp"></jsp:include>       
</div>
<div class="clear"></div>
<div class="grid-m foot">
	<p>Copyright&copy; 版权所有2011-2012 巨石汇中心 主办单位：巨石汇</p>
</div>
</body>
</html>
